// 主题色
$black: #393D49; // 主色调
$light: #fff;
$blue: #1E9FFF;
$lightgreen: #5FB878;
$green: #009688;
$bar: #ffb800; //顶部进度条的颜色
$grey: #d2d2d2;

// 默认色调
html.default,:root{
  --bg-color: #fff;
  --color: #393D49;
  --border-color: #393D49;
  --border-color2: #393D49;
  --show-color: rgba(56, 60, 71, .3);
}

html.green{
  --bg-color: #5FB878;
  --color: #fff;
  --border-color: #5FB878;
  --border-color2: #fff;
  --show-color: rgba(95, 184, 120,.3);
}

.com-show{
  box-shadow: 0 3px 3px var(--show-color);
}
html, body{
  width: 100%;
  height: 100%;
}
.aa{
  min-width: 0px !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hover{
  &:hover{
    cursor: pointer;
  }
}
.hover-color{
  transition: all 0.3s;
  &:hover{
    cursor: pointer;
    color: $bar;
  }
}
.hover-color1{
  transition: all 0.3s;
  &:hover{
    cursor: pointer;
    color: $light;
    
  }
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
.layui-exception{
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background-color: #fff;
}
